<%-- 
   Document   : empleados
   Created on : Sep 10, 2014, 1:50:20 PM
   Author     : santiago
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="Entidades.EntCliente"%>
<%String mensajeError = (String) request.getAttribute("mensaje");%>
<%
    String nombres = (String) request.getParameter("nombre");
    String primerApellido = (String) request.getParameter("primerApellido");
    String segundoApellido = (String) request.getParameter("segundoApellido");
    String tipoDocumento = (String) request.getParameter("tipoDocumento");
    String numeroDocumento = (String) request.getParameter("numeroDocumento");
    String correo = (String) request.getParameter("correo");
    String clave = (String) request.getParameter("clave");
    String ciudad = (String) request.getParameter("ciudad");
    String direccion = (String) request.getParameter("direccion");
    String telefono = (String) request.getParameter("telefono");
    EntCliente cliente = request.getAttribute("cliente") != null ? (EntCliente) request.getAttribute("cliente") : null;

    nombres = "";
    primerApellido = "";
    segundoApellido = "";
    tipoDocumento = "";
    numeroDocumento = "";
    correo = "";
    clave = "";
    ciudad = "";
    direccion = "";
    telefono = "";

    if (cliente != null) {
        nombres = cliente.getNombres();
        primerApellido = cliente.getPrimerApellido();
        segundoApellido = cliente.getSegundoApellido();
        tipoDocumento = cliente.getTipoDocumento();
        numeroDocumento = cliente.getNumeroDocumento();
        correo = cliente.getCorreo();
        clave = cliente.getClave();
        ciudad = cliente.getCiudad();
        direccion = cliente.getDireccion();
        telefono = cliente.getTelefono();
    }

%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Clientes</title>
        <link rel="shortcut icon" type="imagenes/x-icon" href="Resource/log.jpg" />
        <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="Resource/log.jpg" /> 
        <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet" />
        <link href="Resource/default.css" rel="stylesheet" type="text/css" media="all" />
        <link href="Resource/fonts.css" rel="stylesheet" type="text/css" media="all" />
        <link href="Resource/boton.css" rel="stylesheet" type="text/css" media="all" />
        <script src="Resource/jquery-2.1.1.js" type="text/javascript"></script>
        <script src="Resource/opciones.js" type="text/javascript"></script>       
    </head>
    <body>
        <div id="header-wrapper">
            <div id="logo">  
                <table>
                    <tr>
                        <td>
                            <div id="banner" ><img src="Resource/softcar.png" width="330px" height="100px" ></div>
                        </td>
                        <td>
                            <h1><a href="index.jsp">TALLER AUTOMOTRIZ</a></h1>
                        </td>
                    </tr>
                </table>
            </div>
            <jsp:include page="menuPrincipal.jsp" />

        </div>
        <div class="wrapper">
            <div id="welcome" class="container">                
                <h2 align="left">
                    <FONT COLOR="1E90FF">Cliente</FONT>	
                </h2>             
                <table cellpadding=12 cellspacing=12>
                    <tr>
                        <td>
                            <div class="navegacion">
                                <ul>
                                    <li class="opciones" id="opcionCrear">Crear</li>
                                    <li class="opciones" id="opcionBuscar">Buscar</li>
                                </ul>
                            </div>
                        </td>
                        <td>
                            <div id="crear" style="display:none">
                                <form method="post" id="newform" action="/ESTRELLATE/SvlCliente">
                                    <fieldset>
                                        <legend>Crear Cliente Nuevo</legend>
                                        <table  align="center"   cellspacing="5" cellpadding="10">
                                            <tr>
                                                <td>
                                                    <table cellspacing="5" cellpadding="10">
                                                        <tr>
                                                            <td>(*)Nombres:</td>
                                                            <td><input type="text" name="nombre" pattern="^[a-zA-Z ]+$"  maxlength="50" value="<%=nombres != null ? nombres : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Primer Apellido:</td>
                                                            <td><input type="text" name="primerApellido" pattern="^[a-zA-Z]+$" maxlength="50" value="<%=primerApellido != null ? primerApellido : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Segundo Apellido:</td>
                                                            <td><input type="text" name="segundoApellido" pattern="^[a-zA-Z]+$" maxlength="50" value="<%=segundoApellido != null ? segundoApellido : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Tipo de Documento: </td>
                                                            <td>
                                                                <select name="tipoDocumento">
                                                                    <option  value="" ></option>
                                                                    <option value="Cedula"<%if ("Cedula".equals(tipoDocumento)) {%>selected<%}%>>Cedula</option>
                                                                    <option value="Tarjeta de Identidad"<%if ("Tarjeta de Identidad".equals(tipoDocumento)) {%>selected<%}%>>Tarjeta de Identidad</option>
                                                                    <option value="Otro"<%if ("Otro".equals(tipoDocumento)) {%>selected<%}%>>Otro</option>
                                                                </select>
                                                            </td>
                                                        </tr>								
                                                        <tr>
                                                            <td>(*)Documento de identidad:</td>
                                                            <td><input type="text" name="numeroDocumento"  maxlength="50" value="<%=numeroDocumento != null ? numeroDocumento : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Correo:</td>
                                                            <td><input type="email" name="correo"  maxlength="50" value="<%=correo != null ? correo : ""%>" required="required"></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td>
                                                    <table cellspacing="5" cellpadding="10">
                                                        <tr>
                                                            <td>(*)Contraseña:</td>
                                                            <td><input type="password"  name="clave" id="password1" size="15" maxlength="10" value="<%=clave != null ? clave : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Confirmar Contraseña:</td>
                                                            <td><input type="password" name="clave2" id="password2" size="15" maxlength="10" value="<%=clave != null ? clave : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Ciudad:</td>
                                                            <td><input type="text" name="ciudad" pattern="^[a-zA-Z ]+$" maxlength="50" value="<%=ciudad != null ? ciudad : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Direccion:</td>
                                                            <td><input type="text" name="direccion" pattern="^[a-zA-Z0-9]+$" maxlength="50"value="<%=direccion != null ? direccion : ""%>" required="required" ></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Telefono/Celular: </td>
                                                            <td><input type="text" name="telefono" pattern="^[1-9]+$" maxlength="50" value="<%=telefono != null ? telefono : ""%>" required="required"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">
                                                                <input type="submit" name="action" value="Crear" title="Guardar un empleado" id="boton" class="botonCrear" style=cursor:pointer; >
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </form>
                            </div>
                            <div id="buscar" style="display:inline">
                                <form method="post" action="/ESTRELLATE/SvlCliente" id="formulario">
                                    <fieldset>
                                        <legend>Buscar Cliente</legend>
                                        <br>
                                        <input type="text" placeholder="Numero del documento" name="numeroDocumento"  value="<%=numeroDocumento != null ? numeroDocumento : ""%>" required="required">
                                        <input type="submit" value="Buscar" id="boton" class="buscar" name="action" style="cursor: pointer;">
                                        <input type="button" value="Limpiar" id="boton" class="limpiar" name="action" style="cursor: pointer;"><br>
                                        <table  align="center"   cellspacing="5" cellpadding="10">
                                            <tr>
                                                <td>
                                                    <table cellspacing="5" cellpadding="10">
                                                        <tr>
                                                            <td>(*)Nombres:</td>
                                                            <td><input type="text" name="nombre" pattern="^[a-zA-Z ]+$"  maxlength="50" value="<%=nombres != null ? nombres : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Primer Apellido:</td>
                                                            <td><input type="text" name="primerApellido" pattern="^[a-zA-Z]+$"  maxlength="50" value="<%=primerApellido != null ? primerApellido : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Segundo Apellido:</td>
                                                            <td><input type="text" name="segundoApellido" pattern="^[a-zA-Z]+$" maxlength="50" value="<%=segundoApellido != null ? segundoApellido : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Tipo de Documento: </td>
                                                            <td>
                                                                <select name="tipoDocumento" required="required">
                                                                    <option  value="" ></option>
                                                                    <option value="Cedula"<%if ("Cedula".equals(tipoDocumento)) {%>selected<%}%>>Cedula</option>
                                                                    <option value="Tarjeta de Identidad"<%if ("Tarjeta de Identidad".equals(tipoDocumento)) {%>selected<%}%>>Tarjeta de Identidad</option>
                                                                    <option value="Otro"<%if ("Otro".equals(tipoDocumento)) {%>selected<%}%>>Otro</option>
                                                                </select>
                                                            </td>
                                                        </tr>								
                                                        <tr>
                                                            <td>(*)Correo:</td>
                                                            <td><input type="text" name="correo"  maxlength="50" value="<%=correo != null ? correo : ""%>"></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td>
                                                    <table cellspacing="5" cellpadding="10">
                                                        <tr>
                                                            <td>(*)Contraseña:</td>
                                                            <td><input type="password" name="clave" id="password1" maxlength="50" value="<%=clave != null ? clave : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Confirmar Contraseña:</td>
                                                            <td><input type="password" name="clave" id="password1" maxlength="50" value="<%=clave != null ? clave : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Ciudad:</td>
                                                            <td><input type="text" name="ciudad" pattern="^[a-zA-Z ]+$" maxlength="50" value="<%=ciudad != null ? ciudad : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Direccion:</td>
                                                            <td><input type="text" name="direccion" pattern="^[a-zA-Z0-9]+$" maxlength="50"value="<%=direccion != null ? direccion : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>(*)Telefono/Celular: </td>
                                                            <td><input type="text" name="telefono" pattern="^[1-9]+$" maxlength="50" value="<%=telefono != null ? telefono : ""%>"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">
                                                                <input type="submit" name="action" value="Modificar" class="modificar" title="Actualizar los datos del cliente" id="boton" style=cursor:pointer; >
                                                                <input type="submit" name="action" value="Eliminar" class="eliminar" title="Eliminar al cliente" id="boton" style=cursor:pointer; >
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </form>
                            </div>
                        </td>
                    </tr>
                </table>
                <p>Los campos marcados con * son obligatorios</p>
            </div>
            <script type="text/javascript">
                var modificar = $(".modificar");
                var eliminar = $(".eliminar");
                modificar.prop("disabled", true).hide();
                eliminar.prop("disabled", true).hide();
                $(".limpiar").click(function () {   
                    modificar.prop("disabled", true).hide();
                    eliminar.prop("disabled", true).hide();
                });
                $(".buscar").click(function () {
                    var encontrado = '<%=request.getAttribute("encontrado")%>';
                    console.log(encontrado);
                    if (encontrado == "encontrado") {
                        modificar.prop("disabled", false).show();
                        eliminar.prop("disabled", false).show();
                    }
                });
            </script>
            <%if (mensajeError != null) {%>
            <script>
                alert("<%=mensajeError%>");
            </script>
            <%}%>
        </div>
        <div id="footer">
            <div class="container">
                <div class="fbox1">                    
                    <span>Medellin Antioquia Colombia
                        <br />Cra44 # 90-95</span>
                </div>
                <div class="fbox1">                   
                    <span>
                        Telephone: +574000000
                    </span>
                </div>
                <div class="fbox1">                    
                    <span>softcar@gmail.com</span>
                </div>
            </div>
        </div>
        <div id="copyright">
            <center><footer>			
                    <FONT COLOR="ffffff">TALLER AUTOMOTRIZ ESTRELLATE<br/>
                    Proyecto Pedagogico Integrador <br/>
                    Medellín <br/>
                    2014</FONT>
                </footer></center>

        </div>
    </body>
</html>
